// 入口文件
// 核心依赖库
import React from 'react'
// 涉及 DOM 操作的包
import ReactDOM from 'react-dom'

// 标签名、标签属性（对象）、第三个参数以及后面的所有参数都代表标签里面的内容
// 返回值：React 元素（虚拟 DOM）
const h1Ele = React.createElement(
  'div',
  {
    className: 'wrap',
  },
  React.createElement(
    'ul',
    null,
    React.createElement('li', null, 'React'),
    React.createElement('li', null, 'Vue'),
    React.createElement('li', null, 'Angular')
  )
)
// 渲染谁、渲染到哪里
ReactDOM.render(h1Ele, document.querySelector('#root'))
